<template>
	<view>

        <view class="bottom">

            <view class="phone">
                <!-- <img src="@/static/img00/magni3.png" alt=""> -->
                <p>热线咨询</p>
            </view>
            
           
            <view class="person ">
                <!-- <img src="@/static/img00/magni2.png" alt=""> -->
                <p class="name">帮你找房</p>
            </view>

            <view class="dian">我要看房</view>
            <view class="liu">我要咨询</view>

        </view>

	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

<style scoped>
    .bottom{
        display: flex;
    }

    .person,.phone{
        width: 120upx;
        font-size: 24upx;
        color: #3e4a59;
    }
    .phone{
        border-right: 1px solid #999;
        margin-top: 14upx;
        margin-left: 40upx;
    }
    .phone>img{
        height: 36upx;
        width: 36upx;   
        margin-left: 38upx;
    }
    .phone>p{
        text-align: center;
    } 
    .person>img{
        height: 36upx;
        width: 36upx;
        margin-top: 14upx;
        margin-left: 38upx;
    }
    .person>p{
        text-align: center;
    }
    
    .dian,.liu{
        margin-top: 20upx;
        width: 192upx;
        height: 72upx;
        line-height: 72upx;
        text-align: center;
        color: #fff;
        font-size: 30upx;
        margin-left: 20upx;
        border-radius: 6upx;
    }
    .dian{
        background: #13c3c3;
    }
    .liu{    
        background: #fa5f35;   
    }
    
	
</style>
